<template>
  <div>
    <div class="box">
      <ul>
        <li><van-icon name="arrow-left" /></li>
        <li>版本信息</li>
        <li></li>
      </ul>
    </div>
    <ul>
      <li class="app">
        <p>姓名</p>
        <p>{{ versions }}</p>
      </li>
    </ul>
    <ul class="kk">
      <li>版本信息</li>
      <li>{{ infomation }}</li>
    </ul>
  </div>

  <!-- 
        data: {versions: "1.0", infomation: "解决多处报错,版本优化"}
infomation: "解决多处报错,版本优化"
versions: "1.0"
     -->
</template>

<script>
import { userversionData } from "../request/api";
export default {
  data() {
    return {
      infomation: "",
      versions: "",
    };
  },
  created() {
    userversionData().then((res) => {
      this.infomation = res.data.infomation;
      this.versions = res.data.versions;
    });
  },
};
</script>
 
<style lang = "less" scoped>
.box {
  height: 60px;
  background-color: blue;
  /* line-height: 60px; */
  ul {
    display: flex;
    justify-content: space-around;
    img {
      width: 25px;
      height: 25px;
      margin-bottom: 5px;
    }
  }
}
ul {
  padding: 15px;
  .app {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
  }
}
.kk {
  line-height: 35px;
}
</style>